import { useUserStore } from "@/store/userStore";
import { App } from "vue";

export function permissionDirective(app: App<Element>) {
  app.directive("permission", {
    // 在mounted的时候，判断 pinia里面是否有 权限对应的单词
    // 如果没有对应的单词，把 对应 的 元素删除
    mounted(el, binding) {
      const userStore = useUserStore();
      const { value } = binding;
      if (!userStore.permissions.includes(value)) {
        el.remove();
      }
    },
  });
}
